<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4096767" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">下载模板</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">导出提报</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">清空</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">人才库</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">家庭成员</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">移出人才库</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">黑名单</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">禁用</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">模型-关联</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">评分</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">模型-交集</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">模型-结束</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">模型-差集</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">同步</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">模型-智能查询</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">模型-对齐</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">反馈移交</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">反馈意见</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">模型-SQL分析</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">模型-排序</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">报告</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">模型-并集</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">同步</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">yj-日期</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">模型角标</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">详细信息</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">工作站-资料管理</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">工作站-法律法规</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">工作站-工具箱</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">工作站-模板集</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">工作站-模型库</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">移动到</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">新建文件夹</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">返回顶部</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">下一个</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">上一个</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">时间-降序</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">下载量-升序</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">时间-升序</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">下载量-降序</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">热度-升序</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">热度-降序</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">移动</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">取消引用</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">美化</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">清空画布</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">还原</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">全部单据</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">任务列表</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">任务列表-任务进行中</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">时间倒序</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">热度倒序</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">时间正序</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">热度正序</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">已收藏</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">未收藏</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">列表布局</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">数据量</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">卡片布局</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">表格</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">引用元数据</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">取消发布</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">资源来源</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">资源标签</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">刷新&重置</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">删除&批量删除</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6721;</span>
                <div class="name">更多按钮</div>
                <div class="code-name">&amp;#xe6721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6722;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe6722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">下载&下载模板</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">新增&新建</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">上传&导入</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">关联分析-左连接</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">关联分析-右连接</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">关联分析-等值连接</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">关联分析-交叉连接</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">关联分析-全外连接</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">关联分析-停止运行</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">关联分析-查询SQL语句</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">关联分析-运行</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">关联分析-保存</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">关联分析-过滤条件</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">关联分析-全屏</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">关联分析-隐藏结果</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">树-已展开</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">树-已收起</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">面包屑-首页</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1695200009108') format('woff'),
       url('iconfont.ttf?t=1695200009108') format('truetype'),
       url('iconfont.svg?t=1695200009108#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-xiazaimoban"></span>
            <div class="name">
              下载模板
            </div>
            <div class="code-name">.icon-xiazaimoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugaimima"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.icon-xiugaimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochutibao"></span>
            <div class="name">
              导出提报
            </div>
            <div class="code-name">.icon-daochutibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkong"></span>
            <div class="name">
              清空
            </div>
            <div class="code-name">.icon-qingkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rencaiku"></span>
            <div class="name">
              人才库
            </div>
            <div class="code-name">.icon-rencaiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatingchengyuan"></span>
            <div class="name">
              家庭成员
            </div>
            <div class="code-name">.icon-jiatingchengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yichurencaiku"></span>
            <div class="name">
              移出人才库
            </div>
            <div class="code-name">.icon-yichurencaiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heimingdan"></span>
            <div class="name">
              黑名单
            </div>
            <div class="code-name">.icon-heimingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyong"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-qiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinyong"></span>
            <div class="name">
              禁用
            </div>
            <div class="code-name">.icon-jinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-guanlian"></span>
            <div class="name">
              模型-关联
            </div>
            <div class="code-name">.icon-moxing-guanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingfen"></span>
            <div class="name">
              评分
            </div>
            <div class="code-name">.icon-pingfen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-jiaoji"></span>
            <div class="name">
              模型-交集
            </div>
            <div class="code-name">.icon-moxing-jiaoji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-jieshu"></span>
            <div class="name">
              模型-结束
            </div>
            <div class="code-name">.icon-moxing-jieshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-chaji"></span>
            <div class="name">
              模型-差集
            </div>
            <div class="code-name">.icon-moxing-chaji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongbu1"></span>
            <div class="name">
              同步
            </div>
            <div class="code-name">.icon-tongbu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-zhinengchaxun"></span>
            <div class="name">
              模型-智能查询
            </div>
            <div class="code-name">.icon-moxing-zhinengchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-duiqi"></span>
            <div class="name">
              模型-对齐
            </div>
            <div class="code-name">.icon-moxing-duiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fankuiyijiao"></span>
            <div class="name">
              反馈移交
            </div>
            <div class="code-name">.icon-fankuiyijiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fankuiyijian"></span>
            <div class="name">
              反馈意见
            </div>
            <div class="code-name">.icon-fankuiyijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-SQLfenxi"></span>
            <div class="name">
              模型-SQL分析
            </div>
            <div class="code-name">.icon-moxing-SQLfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpi"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.icon-shenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-paixu"></span>
            <div class="name">
              模型-排序
            </div>
            <div class="code-name">.icon-moxing-paixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baogao"></span>
            <div class="name">
              报告
            </div>
            <div class="code-name">.icon-baogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxing-bingji"></span>
            <div class="name">
              模型-并集
            </div>
            <div class="code-name">.icon-moxing-bingji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongbu"></span>
            <div class="name">
              同步
            </div>
            <div class="code-name">.icon-tongbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangdan"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.icon-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yujingguize"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.icon-yujingguize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingxiazhanghu"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.icon-mingxiazhanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              yj-日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_function_zhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.icon-icon_function_zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moxingjiaobiao"></span>
            <div class="name">
              模型角标
            </div>
            <div class="code-name">.icon-moxingjiaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxixinxi"></span>
            <div class="name">
              详细信息
            </div>
            <div class="code-name">.icon-xiangxixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuozhan-ziliaoguanli"></span>
            <div class="name">
              工作站-资料管理
            </div>
            <div class="code-name">.icon-gongzuozhan-ziliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuozhan-falvfagui"></span>
            <div class="name">
              工作站-法律法规
            </div>
            <div class="code-name">.icon-gongzuozhan-falvfagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuozhan-gongjuxiang"></span>
            <div class="name">
              工作站-工具箱
            </div>
            <div class="code-name">.icon-gongzuozhan-gongjuxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuozhan-mobanji"></span>
            <div class="name">
              工作站-模板集
            </div>
            <div class="code-name">.icon-gongzuozhan-mobanji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuozhan-moxingku"></span>
            <div class="name">
              工作站-模型库
            </div>
            <div class="code-name">.icon-gongzuozhan-moxingku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidongdao"></span>
            <div class="name">
              移动到
            </div>
            <div class="code-name">.icon-yidongdao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              新建文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhuidingbu"></span>
            <div class="name">
              返回顶部
            </div>
            <div class="code-name">.icon-fanhuidingbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiayige"></span>
            <div class="name">
              下一个
            </div>
            <div class="code-name">.icon-xiayige
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangyige"></span>
            <div class="name">
              上一个
            </div>
            <div class="code-name">.icon-shangyige
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian-jiangxu1"></span>
            <div class="name">
              时间-降序
            </div>
            <div class="code-name">.icon-shijian-jiangxu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazailiang-shengxu"></span>
            <div class="name">
              下载量-升序
            </div>
            <div class="code-name">.icon-xiazailiang-shengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian-shengxu"></span>
            <div class="name">
              时间-升序
            </div>
            <div class="code-name">.icon-shijian-shengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazailiang-jiangxu"></span>
            <div class="name">
              下载量-降序
            </div>
            <div class="code-name">.icon-xiazailiang-jiangxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-redu-shengxu"></span>
            <div class="name">
              热度-升序
            </div>
            <div class="code-name">.icon-redu-shengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian-jiangxu"></span>
            <div class="name">
              热度-降序
            </div>
            <div class="code-name">.icon-shijian-jiangxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yidong"></span>
            <div class="name">
              移动
            </div>
            <div class="code-name">.icon-yidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoyinyong"></span>
            <div class="name">
              取消引用
            </div>
            <div class="code-name">.icon-quxiaoyinyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meihua"></span>
            <div class="name">
              美化
            </div>
            <div class="code-name">.icon-meihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkonghuabu"></span>
            <div class="name">
              清空画布
            </div>
            <div class="code-name">.icon-qingkonghuabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanyuan"></span>
            <div class="name">
              还原
            </div>
            <div class="code-name">.icon-huanyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbushuju"></span>
            <div class="name">
              全部单据
            </div>
            <div class="code-name">.icon-quanbushuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuliebiao"></span>
            <div class="name">
              任务列表
            </div>
            <div class="code-name">.icon-renwuliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuliebiao-renwujinhangzhong"></span>
            <div class="name">
              任务列表-任务进行中
            </div>
            <div class="code-name">.icon-renwuliebiao-renwujinhangzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijiandaoxu"></span>
            <div class="name">
              时间倒序
            </div>
            <div class="code-name">.icon-shijiandaoxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-redudaoxu"></span>
            <div class="name">
              热度倒序
            </div>
            <div class="code-name">.icon-redudaoxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijianzhengxu"></span>
            <div class="name">
              时间正序
            </div>
            <div class="code-name">.icon-shijianzhengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-reduzhengxu"></span>
            <div class="name">
              热度正序
            </div>
            <div class="code-name">.icon-reduzhengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yishoucang"></span>
            <div class="name">
              已收藏
            </div>
            <div class="code-name">.icon-yishoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weishoucang"></span>
            <div class="name">
              未收藏
            </div>
            <div class="code-name">.icon-weishoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaobuju"></span>
            <div class="name">
              列表布局
            </div>
            <div class="code-name">.icon-liebiaobuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuliang"></span>
            <div class="name">
              数据量
            </div>
            <div class="code-name">.icon-shujuliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kapianbuju"></span>
            <div class="name">
              卡片布局
            </div>
            <div class="code-name">.icon-kapianbuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoge"></span>
            <div class="name">
              表格
            </div>
            <div class="code-name">.icon-biaoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fabu"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.icon-fabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinyongyuanshuju"></span>
            <div class="name">
              引用元数据
            </div>
            <div class="code-name">.icon-yinyongyuanshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaofabu"></span>
            <div class="name">
              取消发布
            </div>
            <div class="code-name">.icon-quxiaofabu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanlaiyuan"></span>
            <div class="name">
              资源来源
            </div>
            <div class="code-name">.icon-ziyuanlaiyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanbiaoqian"></span>
            <div class="name">
              资源标签
            </div>
            <div class="code-name">.icon-ziyuanbiaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shuaxinzhongzhi"></span>
            <div class="name">
              刷新&重置
            </div>
            <div class="code-name">.icon-a-shuaxinzhongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shanchupiliangshanchu"></span>
            <div class="name">
              删除&批量删除
            </div>
            <div class="code-name">.icon-a-shanchupiliangshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduoanniu"></span>
            <div class="name">
              更多按钮
            </div>
            <div class="code-name">.icon-gengduoanniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayin"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icon-dayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xiazaixiazaimoban"></span>
            <div class="name">
              下载&下载模板
            </div>
            <div class="code-name">.icon-a-xiazaixiazaimoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-xinzengxinjian"></span>
            <div class="name">
              新增&新建
            </div>
            <div class="code-name">.icon-a-xinzengxinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-shangchuandaoru"></span>
            <div class="name">
              上传&导入
            </div>
            <div class="code-name">.icon-a-shangchuandaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-zuolianjie"></span>
            <div class="name">
              关联分析-左连接
            </div>
            <div class="code-name">.icon-guanlianfenxi-zuolianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-youlianjie"></span>
            <div class="name">
              关联分析-右连接
            </div>
            <div class="code-name">.icon-guanlianfenxi-youlianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-dengzhilianjie"></span>
            <div class="name">
              关联分析-等值连接
            </div>
            <div class="code-name">.icon-guanlianfenxi-dengzhilianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-jiaochalianjie"></span>
            <div class="name">
              关联分析-交叉连接
            </div>
            <div class="code-name">.icon-guanlianfenxi-jiaochalianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-quanwailianjie"></span>
            <div class="name">
              关联分析-全外连接
            </div>
            <div class="code-name">.icon-guanlianfenxi-quanwailianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-tingzhiyunhang"></span>
            <div class="name">
              关联分析-停止运行
            </div>
            <div class="code-name">.icon-guanlianfenxi-tingzhiyunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-chaxunSQLyuju"></span>
            <div class="name">
              关联分析-查询SQL语句
            </div>
            <div class="code-name">.icon-guanlianfenxi-chaxunSQLyuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-yunhang"></span>
            <div class="name">
              关联分析-运行
            </div>
            <div class="code-name">.icon-guanlianfenxi-yunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-baocun"></span>
            <div class="name">
              关联分析-保存
            </div>
            <div class="code-name">.icon-guanlianfenxi-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-guolvtiaojian"></span>
            <div class="name">
              关联分析-过滤条件
            </div>
            <div class="code-name">.icon-guanlianfenxi-guolvtiaojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-quanping"></span>
            <div class="name">
              关联分析-全屏
            </div>
            <div class="code-name">.icon-guanlianfenxi-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlianfenxi-yincangjieguo"></span>
            <div class="name">
              关联分析-隐藏结果
            </div>
            <div class="code-name">.icon-guanlianfenxi-yincangjieguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu-yizhankai"></span>
            <div class="name">
              树-已展开
            </div>
            <div class="code-name">.icon-shu-yizhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu-yishouqi"></span>
            <div class="name">
              树-已收起
            </div>
            <div class="code-name">.icon-shu-yishouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianbaoxie-shouye"></span>
            <div class="name">
              面包屑-首页
            </div>
            <div class="code-name">.icon-mianbaoxie-shouye
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazaimoban"></use>
                </svg>
                <div class="name">下载模板</div>
                <div class="code-name">#icon-xiazaimoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugaimima"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#icon-xiugaimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochutibao"></use>
                </svg>
                <div class="name">导出提报</div>
                <div class="code-name">#icon-daochutibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkong"></use>
                </svg>
                <div class="name">清空</div>
                <div class="code-name">#icon-qingkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rencaiku"></use>
                </svg>
                <div class="name">人才库</div>
                <div class="code-name">#icon-rencaiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatingchengyuan"></use>
                </svg>
                <div class="name">家庭成员</div>
                <div class="code-name">#icon-jiatingchengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yichurencaiku"></use>
                </svg>
                <div class="name">移出人才库</div>
                <div class="code-name">#icon-yichurencaiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heimingdan"></use>
                </svg>
                <div class="name">黑名单</div>
                <div class="code-name">#icon-heimingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyong"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-qiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinyong"></use>
                </svg>
                <div class="name">禁用</div>
                <div class="code-name">#icon-jinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-guanlian"></use>
                </svg>
                <div class="name">模型-关联</div>
                <div class="code-name">#icon-moxing-guanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingfen"></use>
                </svg>
                <div class="name">评分</div>
                <div class="code-name">#icon-pingfen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-jiaoji"></use>
                </svg>
                <div class="name">模型-交集</div>
                <div class="code-name">#icon-moxing-jiaoji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-jieshu"></use>
                </svg>
                <div class="name">模型-结束</div>
                <div class="code-name">#icon-moxing-jieshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-chaji"></use>
                </svg>
                <div class="name">模型-差集</div>
                <div class="code-name">#icon-moxing-chaji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongbu1"></use>
                </svg>
                <div class="name">同步</div>
                <div class="code-name">#icon-tongbu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-zhinengchaxun"></use>
                </svg>
                <div class="name">模型-智能查询</div>
                <div class="code-name">#icon-moxing-zhinengchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-duiqi"></use>
                </svg>
                <div class="name">模型-对齐</div>
                <div class="code-name">#icon-moxing-duiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fankuiyijiao"></use>
                </svg>
                <div class="name">反馈移交</div>
                <div class="code-name">#icon-fankuiyijiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fankuiyijian"></use>
                </svg>
                <div class="name">反馈意见</div>
                <div class="code-name">#icon-fankuiyijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-SQLfenxi"></use>
                </svg>
                <div class="name">模型-SQL分析</div>
                <div class="code-name">#icon-moxing-SQLfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#icon-shenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-paixu"></use>
                </svg>
                <div class="name">模型-排序</div>
                <div class="code-name">#icon-moxing-paixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baogao"></use>
                </svg>
                <div class="name">报告</div>
                <div class="code-name">#icon-baogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxing-bingji"></use>
                </svg>
                <div class="name">模型-并集</div>
                <div class="code-name">#icon-moxing-bingji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongbu"></use>
                </svg>
                <div class="name">同步</div>
                <div class="code-name">#icon-tongbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangdan"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#icon-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujingguize"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#icon-yujingguize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingxiazhanghu"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#icon-mingxiazhanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">yj-日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_function_zhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#icon-icon_function_zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moxingjiaobiao"></use>
                </svg>
                <div class="name">模型角标</div>
                <div class="code-name">#icon-moxingjiaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxixinxi"></use>
                </svg>
                <div class="name">详细信息</div>
                <div class="code-name">#icon-xiangxixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuozhan-ziliaoguanli"></use>
                </svg>
                <div class="name">工作站-资料管理</div>
                <div class="code-name">#icon-gongzuozhan-ziliaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuozhan-falvfagui"></use>
                </svg>
                <div class="name">工作站-法律法规</div>
                <div class="code-name">#icon-gongzuozhan-falvfagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuozhan-gongjuxiang"></use>
                </svg>
                <div class="name">工作站-工具箱</div>
                <div class="code-name">#icon-gongzuozhan-gongjuxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuozhan-mobanji"></use>
                </svg>
                <div class="name">工作站-模板集</div>
                <div class="code-name">#icon-gongzuozhan-mobanji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuozhan-moxingku"></use>
                </svg>
                <div class="name">工作站-模型库</div>
                <div class="code-name">#icon-gongzuozhan-moxingku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidongdao"></use>
                </svg>
                <div class="name">移动到</div>
                <div class="code-name">#icon-yidongdao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">新建文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhuidingbu"></use>
                </svg>
                <div class="name">返回顶部</div>
                <div class="code-name">#icon-fanhuidingbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiayige"></use>
                </svg>
                <div class="name">下一个</div>
                <div class="code-name">#icon-xiayige</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangyige"></use>
                </svg>
                <div class="name">上一个</div>
                <div class="code-name">#icon-shangyige</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian-jiangxu1"></use>
                </svg>
                <div class="name">时间-降序</div>
                <div class="code-name">#icon-shijian-jiangxu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazailiang-shengxu"></use>
                </svg>
                <div class="name">下载量-升序</div>
                <div class="code-name">#icon-xiazailiang-shengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian-shengxu"></use>
                </svg>
                <div class="name">时间-升序</div>
                <div class="code-name">#icon-shijian-shengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazailiang-jiangxu"></use>
                </svg>
                <div class="name">下载量-降序</div>
                <div class="code-name">#icon-xiazailiang-jiangxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-redu-shengxu"></use>
                </svg>
                <div class="name">热度-升序</div>
                <div class="code-name">#icon-redu-shengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian-jiangxu"></use>
                </svg>
                <div class="name">热度-降序</div>
                <div class="code-name">#icon-shijian-jiangxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yidong"></use>
                </svg>
                <div class="name">移动</div>
                <div class="code-name">#icon-yidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoyinyong"></use>
                </svg>
                <div class="name">取消引用</div>
                <div class="code-name">#icon-quxiaoyinyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meihua"></use>
                </svg>
                <div class="name">美化</div>
                <div class="code-name">#icon-meihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkonghuabu"></use>
                </svg>
                <div class="name">清空画布</div>
                <div class="code-name">#icon-qingkonghuabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanyuan"></use>
                </svg>
                <div class="name">还原</div>
                <div class="code-name">#icon-huanyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbushuju"></use>
                </svg>
                <div class="name">全部单据</div>
                <div class="code-name">#icon-quanbushuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuliebiao"></use>
                </svg>
                <div class="name">任务列表</div>
                <div class="code-name">#icon-renwuliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuliebiao-renwujinhangzhong"></use>
                </svg>
                <div class="name">任务列表-任务进行中</div>
                <div class="code-name">#icon-renwuliebiao-renwujinhangzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijiandaoxu"></use>
                </svg>
                <div class="name">时间倒序</div>
                <div class="code-name">#icon-shijiandaoxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-redudaoxu"></use>
                </svg>
                <div class="name">热度倒序</div>
                <div class="code-name">#icon-redudaoxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianzhengxu"></use>
                </svg>
                <div class="name">时间正序</div>
                <div class="code-name">#icon-shijianzhengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-reduzhengxu"></use>
                </svg>
                <div class="name">热度正序</div>
                <div class="code-name">#icon-reduzhengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yishoucang"></use>
                </svg>
                <div class="name">已收藏</div>
                <div class="code-name">#icon-yishoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weishoucang"></use>
                </svg>
                <div class="name">未收藏</div>
                <div class="code-name">#icon-weishoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaobuju"></use>
                </svg>
                <div class="name">列表布局</div>
                <div class="code-name">#icon-liebiaobuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuliang"></use>
                </svg>
                <div class="name">数据量</div>
                <div class="code-name">#icon-shujuliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kapianbuju"></use>
                </svg>
                <div class="name">卡片布局</div>
                <div class="code-name">#icon-kapianbuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoge"></use>
                </svg>
                <div class="name">表格</div>
                <div class="code-name">#icon-biaoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fabu"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#icon-fabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinyongyuanshuju"></use>
                </svg>
                <div class="name">引用元数据</div>
                <div class="code-name">#icon-yinyongyuanshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaofabu"></use>
                </svg>
                <div class="name">取消发布</div>
                <div class="code-name">#icon-quxiaofabu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanlaiyuan"></use>
                </svg>
                <div class="name">资源来源</div>
                <div class="code-name">#icon-ziyuanlaiyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanbiaoqian"></use>
                </svg>
                <div class="name">资源标签</div>
                <div class="code-name">#icon-ziyuanbiaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shuaxinzhongzhi"></use>
                </svg>
                <div class="name">刷新&重置</div>
                <div class="code-name">#icon-a-shuaxinzhongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shanchupiliangshanchu"></use>
                </svg>
                <div class="name">删除&批量删除</div>
                <div class="code-name">#icon-a-shanchupiliangshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduoanniu"></use>
                </svg>
                <div class="name">更多按钮</div>
                <div class="code-name">#icon-gengduoanniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayin"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icon-dayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xiazaixiazaimoban"></use>
                </svg>
                <div class="name">下载&下载模板</div>
                <div class="code-name">#icon-a-xiazaixiazaimoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-xinzengxinjian"></use>
                </svg>
                <div class="name">新增&新建</div>
                <div class="code-name">#icon-a-xinzengxinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-shangchuandaoru"></use>
                </svg>
                <div class="name">上传&导入</div>
                <div class="code-name">#icon-a-shangchuandaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-zuolianjie"></use>
                </svg>
                <div class="name">关联分析-左连接</div>
                <div class="code-name">#icon-guanlianfenxi-zuolianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-youlianjie"></use>
                </svg>
                <div class="name">关联分析-右连接</div>
                <div class="code-name">#icon-guanlianfenxi-youlianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-dengzhilianjie"></use>
                </svg>
                <div class="name">关联分析-等值连接</div>
                <div class="code-name">#icon-guanlianfenxi-dengzhilianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-jiaochalianjie"></use>
                </svg>
                <div class="name">关联分析-交叉连接</div>
                <div class="code-name">#icon-guanlianfenxi-jiaochalianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-quanwailianjie"></use>
                </svg>
                <div class="name">关联分析-全外连接</div>
                <div class="code-name">#icon-guanlianfenxi-quanwailianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-tingzhiyunhang"></use>
                </svg>
                <div class="name">关联分析-停止运行</div>
                <div class="code-name">#icon-guanlianfenxi-tingzhiyunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-chaxunSQLyuju"></use>
                </svg>
                <div class="name">关联分析-查询SQL语句</div>
                <div class="code-name">#icon-guanlianfenxi-chaxunSQLyuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-yunhang"></use>
                </svg>
                <div class="name">关联分析-运行</div>
                <div class="code-name">#icon-guanlianfenxi-yunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-baocun"></use>
                </svg>
                <div class="name">关联分析-保存</div>
                <div class="code-name">#icon-guanlianfenxi-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-guolvtiaojian"></use>
                </svg>
                <div class="name">关联分析-过滤条件</div>
                <div class="code-name">#icon-guanlianfenxi-guolvtiaojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-quanping"></use>
                </svg>
                <div class="name">关联分析-全屏</div>
                <div class="code-name">#icon-guanlianfenxi-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlianfenxi-yincangjieguo"></use>
                </svg>
                <div class="name">关联分析-隐藏结果</div>
                <div class="code-name">#icon-guanlianfenxi-yincangjieguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu-yizhankai"></use>
                </svg>
                <div class="name">树-已展开</div>
                <div class="code-name">#icon-shu-yizhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu-yishouqi"></use>
                </svg>
                <div class="name">树-已收起</div>
                <div class="code-name">#icon-shu-yishouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mianbaoxie-shouye"></use>
                </svg>
                <div class="name">面包屑-首页</div>
                <div class="code-name">#icon-mianbaoxie-shouye</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
